<link rel="stylesheet" href="/assets/home/css/collection.css">
<script src="/assets/home/js/mui.min.js"></script>


<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
    <a id="icon-menu" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">我的收藏</h1>
</header>

<div class="tabs">
    <ul>
        <li class="active">全部</li>
        <li>Web前端</li>
        <li>后端</li>
        <li>设计</li>
        <li>海报</li>
    </ul>
</div>

<div class="list">
    <div class="item">
        <div class="content">
            <a href="details.html">
                <div class="thumb">
                    <img src="/assets/home/images/video3.png" alt="">
                </div>
                <div class="info">
                    <div class="name">
                        <span>课程名称：</span>PHP
                    </div>
                    <div class="type">
                        <span>课程分类：</span>PHP后端
                    </div>

                    <div class="teacher">
                        <span>授课老师：</span>demo老师
                    </div>
                </div>
            </a>
        </div>

        <div class="footer">
            <div class="btn-list">
                <button class="btn mui-btn-warning">取消收藏</button>
            </div>
        </div>
    </div>
</div>
